//JavaScript代码区域
layui.use(['element', 'table', 'jquery', 'laydate', 'form'], function () {
    var element = layui.element;
    var table = layui.table;
    var laydate = layui.laydate;
    var form = layui.form;
    laydate.render({
        elem: "#start_date"
    })
    laydate.render({
        elem: "#end_date"
    });

    let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
    let userId = userInfo.id;
    let userRole = userInfo.role;
    let data = [];
    $(function () {
        tableRender();
        form.render();
    })
    $("#find").click(function () {
        tableRender();
    })
    $("#clear").click(function () {
        $(".search_input").val("");
    })

    function tableRender() {
        if (userRole == '5') {
            table.render({
                elem: '#team_member'
                // , height: 312
                ,
                url: LOCALHOSTURL + '/user/getTeamMemberByUser' //数据接口
                ,
                method: "get",
                where: {
                    "userId": userId
                },
                xhrFields: {
                    withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
                },
                headers: {
                    "Authorization": $.cookie("token")
                },
                crossDomain: true,
                response: {
                    statusName: 'code' //规定数据状态的字段名称，默认：code
                    ,
                    statusCode: 200 //规定成功的状态码，默认：0
                },
                page: true //开启分页
                ,
                title: "小组成员表",
                toolbar: '#toolbar',
                defaultToolbar: ['filter', 'exports', 'print'],
                cols: [
                    [ //表头
                        {
                            type: 'checkbox',
                            fixed: 'left'
                        }, {
                        field: 'id',
                        title: 'ID',
                        sort: true
                    }, {
                        field: 'code',
                        title: '用户编号'
                    }, {
                        field: 'name',
                        title: '用户姓名',
                        templet: function (res) {
                            if (res.name == null)
                                return '暂无';
                            else
                                return res.name;
                        }
                    }, {
                        field: 'phone',
                        title: '电话',
                        templet: function (res) {
                            if (res.phone == null)
                                return '暂无';
                            else
                                return res.phone;
                        }
                    }, {
                        field: 'address',
                        title: '所在地址',
                        templet: function (res) {
                            if (res.address == null)
                                return '暂无';
                            else
                                return res.address;
                        }
                    }, {
                        field: 'sex',
                        title: '性别',
                        templet: function (res) {
                            if (res.sex == null)
                                return '暂无';
                            else
                                return res.sexName;
                        }
                    }, {
                        field: 'graduate',
                        title: '学历',
                        templet: function (res) {
                            if (res.graduate == null)
                                return '暂无';
                            else
                                return res.graduateName;
                        }
                    }, {
                        field: 'role',
                        title: '角色',
                        templet: function (res) {
                            if (res.role == null)
                                return '暂无';
                            else
                                return res.roleName;
                        }
                    }, {
                        field: 'entranceTime',
                        title: '入学时间',
                        sort: true,
                        templet: function (res) {
                            if (res.entranceTime == null)
                                return '暂无';
                            else
                                return res.entranceTime;
                        }
                    }, {
                        field: 'icon',
                        title: '头像',
                        templet: function (res) {
                            return '<img class="layui-nav-img" width="30px" height="30px" src="' + res.icon + '"/>'
                        }
                    }
                    ]
                ],
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);

                    data = res.data;

                    //得到当前页码
                    console.log(curr);

                    //得到数据总量
                    console.log(count);
                }
            });
        }else if (userRole=='1') {
            table.render({
                elem: '#team_member'
                // , height: 312
                ,
                url: LOCALHOSTURL + '/user/getTeamMemberByUser' //数据接口
                ,
                method: "get",
                where: {
                    "userId": userId
                },
                xhrFields: {
                    withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
                },
                headers: {
                    "Authorization": $.cookie("token")
                },
                crossDomain: true,
                response: {
                    statusName: 'code' //规定数据状态的字段名称，默认：code
                    ,
                    statusCode: 200 //规定成功的状态码，默认：0
                },
                page: true //开启分页
                ,
                title: "小组成员表",
                // toolbar: '#toolbar',
                defaultToolbar: ['filter', 'exports', 'print'],
                cols: [
                    [ //表头
                        {
                            type: 'checkbox',
                            fixed: 'left'
                        }, {
                        field: 'id',
                        title: 'ID',
                        sort: true
                    }, {
                        field: 'code',
                        title: '用户编号'
                    }, {
                        field: 'name',
                        title: '用户姓名',
                        templet: function (res) {
                            if (res.name == null)
                                return '暂无';
                            else
                                return res.name;
                        }
                    }, {
                        field: 'phone',
                        title: '电话',
                        templet: function (res) {
                            if (res.phone == null)
                                return '暂无';
                            else
                                return res.phone;
                        }
                    }, {
                        field: 'address',
                        title: '所在地址',
                        templet: function (res) {
                            if (res.address == null)
                                return '暂无';
                            else
                                return res.address;
                        }
                    }, {
                        field: 'sex',
                        title: '性别',
                        templet: function (res) {
                            if (res.sex == null)
                                return '暂无';
                            else
                                return res.sexName;
                        }
                    }, {
                        field: 'graduate',
                        title: '学历',
                        templet: function (res) {
                            if (res.graduate == null)
                                return '暂无';
                            else
                                return res.graduateName;
                        }
                    }, {
                        field: 'role',
                        title: '角色',
                        templet: function (res) {
                            if (res.role == null)
                                return '暂无';
                            else
                                return res.roleName;
                        }
                    }, {
                        field: 'entranceTime',
                        title: '入学时间',
                        sort: true,
                        templet: function (res) {
                            if (res.entranceTime == null)
                                return '暂无';
                            else
                                return res.entranceTime;
                        }
                    }, {
                        field: 'icon',
                        title: '头像',
                        templet: function (res) {
                            return '<img class="layui-nav-img" width="30px" height="30px" src="' + res.icon + '"/>'
                        }
                    }
                    ]
                ],
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);

                    data = res.data;

                    //得到当前页码
                    console.log(curr);

                    //得到数据总量
                    console.log(count);
                }
            });
        }else {
            $(".layui-table").html("<div style='text-align: center; padding:11% 0;'><i class='layui-icon' style='line-height:20rem; font-size:20rem; color: #393D50;'>&#xe609;</i><p style='font-size: 20px; font-weight: 300; color: #999;'>抱歉，您暂无小组</p></div>");
        }
    }

//第一个实例

    table.on('toolbar(demo)', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch (obj.event) {
            case 'sign':
                layer.open({
                    type: 2,
                    title: "组长点到",
                    area: ['100%', '100%'],
                    content: ["user_sign.html"],
                    shadeClose: true, //点击旁边地方自动关闭
                    //动画
                    anim: 0,
                    success: function (layero, index) {
                        var body = layer.getChildFrame('body', index);
                        var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
                        body.find("#sign_submit").click(function () {
                            let code_name = new Array();
                            let sign_status = new Array();
                            let late_time = new Array();
                            body.find(".code_name").each(function (key, val) {
                                code_name[key] = $(this).val();
                            })
                            body.find(".sign_status").each(function (key, val) {
                                sign_status[key] = $(this).val();
                            })
                            body.find(".late_time").each(function (key, val) {
                                late_time[key] = $(this).val();
                            })
                            console.log(code_name);
                            console.log(sign_status);
                            console.log(late_time);
                            let map = {
                                "code_name": JSON.stringify(code_name),
                                "sign_status": JSON.stringify(sign_status),
                                "late_time": JSON.stringify(late_time)
                            }
                            let result = myAjax("/sign/addSignRecords", "post", map);
                            layer.alert(result.message, {icon: 1})
                            if (result.code == 200)
                                layer.close(index);
                            sessionStorage.removeItem("teamMember");
                        });
                        body.find("#cancel").click(function () {
                            layer.close(index);
                        });
                    }
                })
                break;
        }
        ;
    });
});
